<template>
	<view>
		<view class="" style="padding-top: 80rpx;color: #333;font-size: 38rpx;text-align: center;">
			~请选择你需要发布的类型~
		</view>
		<view class="" style="margin-top: 10rpx;color: #C1C1C1;font-size: 38rpx;text-align: center;">
			你的选择是
		</view>
		<view class="tab_box">
			<view class="" @click="clickto(item)" v-for="(item,index) in tablist" :key="index">
				<view class="tabitem" v-if="index%2==0">
					<image class="icon" src="./static/tab1.png" mode=""></image>
					<view class="item_right">
						<view class="">
							{{item.name}}
						</view>
						<view class="line">
							
						</view>
						<view class="xuanz">
							点击选择
						</view>
					</view>
				</view>
				<view class="tabitem" v-else>
					<view class="item_left">
						<view class="">
							{{item.name}}
						</view>
						<view class="line">
							
						</view>
						<view class="xuanz">
							点击选择
						</view>
					</view>
					<image class="icon" src="./static/tab2.png" mode=""></image>
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tablist:[]
			};
		},
		methods:{
			clickto(item){
				uni.navigateTo({
					url:'/pages/project/release?title='+item.name+'&type='+item.id
				})
			}
		},
		onLoad() {
			this.tablist=uni.getStorageSync('xmtypelist')
		}
	}
</script>

<style lang="less">
.tab_box{
	padding:50rpx;
	.tabitem{
		height: 290rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 38rpx 0px rgba(0,0,0,0.07);
		border-radius: 28rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 58rpx;
		.icon{
			width: 211rpx;
			height: 229rpx;
		}
		.item_right{
			display: flex;
			flex-direction: column;
			justify-content: center;
			height: 229rpx;
			font-size: 38rpx;
			color: #333;
			font-weight: bold;
			margin-left: 92rpx;
			
		}
		.item_left{
			display: flex;
			flex-direction: column;
			justify-content: center;
			height: 229rpx;
			font-size: 38rpx;
			color: #333;
			font-weight: bold;
			margin-right: 92rpx;
		}
		.line{
				width: 77rpx;
				height: 3rpx;
				background: #B9B7B7;
				border-radius: 2rpx;
				margin: 14rpx 0;
			}
			.xuanz{
				color: #858585;
				font-weight: normal;
				font-size: 28rpx;
			}
	}
}
</style>
